// 处理图片异常加载的指令
// 对象的名字要跟使用组件时v-指令名称一致
export const imageError = {
  inserted: function (el, options) {
    // console.log(el) // el指令绑定的dom对象
    // console.log(options.value) // options.value是绑定在dom对象上的数据
    // 如果有图片地址，就以原图片地址显示，否则使用指令中绑定的数据显示
    el.src = el.src || options.value
    //  监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
    // 当图片有地址 但是地址没有加载成功的时候 会报错 会触发图片的一个事件 => onerror
    el.onerror = () => {
      // 给该图片一个默认的可以显示的图片
      el.src = options.value
    }
  },
  // 组件更新时触发
  componentUpdated(el, options) {
    el.src = el.src || options.value
  }
}
// 获取焦点
export const focus = {
  inserted: function (el) {
    el.focus()
  }
}
